<template>
  <view class="flex-col page">
    <view class="flex-col group">
      <view class="flex-col section_1">
        <text class="text_1">验收固定表格</text>
        <view class="flex-col group_1">
          
		  <uni-table border emptyText="暂无更多数据">
		  	<!-- 表头行 -->
		  	<uni-tr style="background: rgba(29,106,255,0.0600);">
		  		<uni-th align="center">验收类目</uni-th>
		  		<uni-th align="center">验收提示</uni-th>
		  		<uni-th align="center">操作</uni-th>
		  	</uni-tr>
		  	<!-- 表格数据行 -->
		  	<uni-tr style="background-color: #ffffff;">
		  		<uni-td align="center" width="80">防盗门</uni-td>
		  		<uni-td>
		  			<view class="u-flex u-flex-col">
		  				<view class="u-flex-1  check1">
		  					<text class="text_16">验收内容：垂直平整度、牢固性、产品合格标识、开启方向和灵活度、门锁使用、密闭性、门表观</text>
		  				</view>
		  				<view class="u-flex-1 check2">
		  					<text class="text_16">验收手法：垂直平整度、牢固性、产品合格标识、开启方。</text>
		  				</view>
		  
		  			</view>
		  
		  		</uni-td>
		  		<uni-td align="center" width="80"><text class="check" @click="look">查看</text>
		  		</uni-td>
		  	</uni-tr>
		  	<uni-tr>
		  		<uni-td align="center" width="80" style="background-color: #ffffff;">保温隔音设施</uni-td>
		  		<uni-td>
		  			<view class="u-flex u-flex-col">
		  				<view class="u-flex-1  check1">
		  					<text class="text_16">验收内容：垂直平整度、牢固性、产品合格标识、开启方向和灵活度、门锁使用、密闭性、门表观</text>
		  				</view>
		  				<view class="u-flex-1 check2">
		  					<text class="text_16">验收手法：垂直平整度、牢固性、产品合格标识、开启方。</text>
		  				</view>
		  
		  			</view>
		  
		  		</uni-td>
		  		<uni-td align="center" width="80"><text class="check" @click="look">查看</text>
		  		</uni-td>
		  	</uni-tr>
		  	<uni-tr>
		  		<uni-td align="center" width="80" style="background-color: #ffffff;">外门窗</uni-td>
		  		<uni-td>
		  			<view class="u-flex u-flex-col">
		  				<view class="u-flex-1  check1">
		  					<text class="text_16">验收内容：垂直平整度、牢固性、产品合格标识、开启方向和灵活度、门锁使用、密闭性、门表观</text>
		  				</view>
		  				<view class="u-flex-1 check2">
		  					<text class="text_16">验收手法：垂直平整度、牢固性、产品合格标识、开启方。</text>
		  				</view>
		  
		  			</view>
		  
		  		</uni-td>
		  		<uni-td align="center" width="80"><text class="check" @click="look">查看</text>
		  		</uni-td>
		  	</uni-tr>
		  	<uni-tr>
		  		<uni-td align="center" width="80" style="background-color: #ffffff;">户内门</uni-td>
		  		<uni-td>
		  			<view class="u-flex u-flex-col">
		  				<view class="u-flex-1  check1">
		  					<text class="text_16">验收内容：垂直平整度、牢固性、产品合格标识、开启方向和灵活度、门锁使用、密闭性、门表观</text>
		  				</view>
		  				<view class="u-flex-1 check2">
		  					<text class="text_16">验收手法：垂直平整度、牢固性、产品合格标识、开启方。</text>
		  				</view>
		  
		  			</view>
		  
		  		</uni-td>
		  		<uni-td align="center" width="80"><text class="check" @click="look">查看</text>
		  		</uni-td>
		  	</uni-tr>
		  
		  </uni-table>
		  
        </view>
      </view>
      <view class="flex-col items-center button"><text class="text_23">分享报告</text></view>
    </view>
     <shop-modal :show="show" @close="show=false"></shop-modal>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
		  show:false
	  };
    },
    methods: {
		look()
		{
			this.show=true
		}
	},
  };
</script>

<style scoped lang="scss">
  .text_4 {
    align-self: center;
    color: #333333;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
    text-align: left;
    width: 313rpx;
  }
  .text-wrapper {
    padding: 24rpx 0 32rpx;
    background-color: #1d6aff0f;
  }
  .check{
	  color: #405188;
  }
  .text_7 {
    color: #333333;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
    text-align: left;
  }
  .page {
    background-color: #f6f7f9ff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding: 25rpx 24rpx 28rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .section_1 {
    padding: 33rpx 24rpx 40rpx;
    background-color: #ffffff;
    border-radius: 16rpx;
  }
  .button {
    margin: 110rpx 8rpx 0;
    padding: 19rpx 0 31rpx;
    background-color: #1d6aff;
    border-radius: 44rpx;
  }
  .text_1 {
    align-self: flex-start;
    color: #191919;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .group_1 {
    
    padding-top: 32rpx;
    position: relative;
  }
  .text_23 {
    color: #ffffff;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
  }
  .section_2 {
    padding: 20rpx 39rpx 0;
    background-image: url('https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557857207817821073.png');
    background-position: 0% 0%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .section_3 {
    padding: 19rpx 29rpx 27rpx 30rpx;
    border-radius: 4rpx 4rpx 0 0;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557826785022490611.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .section_4 {
    background-color: #d9d9d9;
    width: 1rpx;
    height: 1206rpx;
    position: absolute;
    left: 148rpx;
    top: 0;
  }
  .section_5 {
    background-color: #d9d9d9;
    width: 1rpx;
    height: 1206rpx;
    position: absolute;
    right: 148rpx;
    top: 0;
  }
  .group_2 {
    margin-right: 10rpx;
    height: 632rpx;
  }
  .group_7 {
    margin-top: 15rpx;
  }
  .text-wrapper_2 {
    padding: 24rpx 0 32rpx;
    align-self: center;
    background-color: #1d6aff0f;
    width: 356rpx;
  }
  .text-wrapper_5 {
    width: 88rpx;
  }
  .group_3 {
    margin-top: 95rpx;
  }
  .text_5 {
    margin-top: -123rpx;
  }
  .group_4 {
    margin-top: 36rpx;
  }
  .text_12 {
    margin-top: 19rpx;
  }
  .text_13 {
    margin-top: 3rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_14 {
    margin-right: 10rpx;
    margin-bottom: 3rpx;
    color: #1c4ca8;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .group_9 {
    flex: 1 1 auto;
  }
  .text_18 {
    margin: 298rpx 10rpx 0 40rpx;
    color: #1c4ca8;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_19 {
    margin-left: 20rpx;
    margin-right: 23rpx;
    color: #333333;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
    text-align: left;
  }
  .text_20 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_21 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_22 {
    color: #666666;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
  }
  .text_2 {
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_3 {
    color: #1c4ca8;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .group_5 {
    flex: 1 1 auto;
  }
  .text_11 {
    margin-left: 40rpx;
    margin-top: 193rpx;
    color: #1c4ca8;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .group_10 {
    align-self: flex-end;
    width: 356rpx;
  }
  .text_17 {
    margin-top: 6rpx;
    align-self: flex-start;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_6 {
    margin-top: 179rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
    text-align: center;
    width: 73rpx;
  }
  .group_6 {
    margin-left: 37rpx;
    flex: 1 1 auto;
  }
  .text-wrapper_1 {
    padding: 24rpx 0 44rpx;
    background-color: #1d6aff0f;
  }
  .text_16 {
    margin: 19rpx 23rpx 0 20rpx;
    color: #333333;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
    text-align: left;
  }
  .text_9 {
    margin: 19rpx 23rpx 0 20rpx;
    color: #333333;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
    text-align: left;
  }
  .view_1 {
    margin-top: 30rpx;
  }
  .text_15 {
    margin-left: 20rpx;
    margin-right: 23rpx;
    color: #333333;
    font-size: 22rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 26rpx;
    text-align: left;
  }
  .text_8 {
    margin-left: 20rpx;
    width: 290rpx;
  }
  .text_10 {
    margin-left: 20rpx;
    margin-right: 23rpx;
  }
</style>